<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>h1标题标签</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .bord{
            border: 1px dashed #ee2602;
            width: 90%;
            margin: 20px auto;
        }
        .title{
            font-size: 20px;
            font-weight: bold;
            margin: 20px;
        }
        .introduce{
            font-size: 16px;
            margin: 0 0 20px 50px;
        }
        .red{
            color: red;
        }
    </style>
</head>
<body>
<div class="bord">
    <div class="title">h1标题标签</div>
    <div class="introduce">
        标题（H1-H6）标签是指网页html 中对文本标题所进行的着重强调的一种标签</br>
        以标签依次显示重要性的递减<br/>
        制作h标签的主要意义是告诉搜索引擎这个是一段文字的标题，起强调作用。</p>
    </div>
</div>
<div class="bord">
    <div class="title">演示效果</div>
    <div class="introduce">
        <h1>第一级</h1>
        <h2>第二级</h2>
        <h3>第三级</h3>
        <h4>第四级</h4>
        <h5>第五级</h5>
        <h6>第六级</h6>
    </div>
</div>
<div class="bord">
    <div class="title">代码</div>
    <div class="introduce">
        <pre>
            &lt;h1&gt;第一级&lt;/h1&gt;
            &lt;h2&gt;第二级&lt;/h2&gt;
            &lt;h3&gt;第三级&lt;/h3&gt;
            &lt;h4&gt;第四级&lt;/h4&gt;
            &lt;h5&gt;第五级&lt;/h5&gt;
            &lt;h6&gt;第六级&lt;/h6&gt;
        </pre>
    </div>
</div>
</body>
</html>